.btn
  display: inline-block
  position: relative
  touch-action: manipulation
  cursor: pointer
  background-image: none // Reset unusual Firefox-on-Android default style see https://github.com/necolas/normalize.css/issues/214
  border: 1px solid transparent
  border-radius: $btn-border-radius-base
  user-select: none
  outline: 0

  button-variant: $btn-default-color $btn-default-bg $btn-default-border

  &,
  &:active,
  &.active
    &:focus,
    &.focus
      tab-focus()

  &:hover,
  &:focus,
  &.focus
    color: $btn-default-color
    text-decoration: none
    outline: 0

  &:active,
  &.active
    background-image: none
    box-shadow: inset 0 3px 5px rgba($black, .125)
    outline: 0
